@import './_mixin.scss';
@import './_var.scss';

* {
	box-sizing: border-box;
}
html, body {
	background: #f6f6f6;
}
body,input,dd,dl,h1,h2,h3,h4,h5,p,ul,ol,figure {
	margin: 0;
}
button,input,option,textarea {
	padding: 0;
}
ol,ul {
	padding-left: 0;
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
body, a, button, input {
	font-size: 12px;
	line-height: 1.2;
	color: $color-black;
	font-weight: 500;
	font-family: "Microsoft YaHei"
}
:focus,a,button,input {
	-webkit-tap-highlight-color: transparent;
}
a {
	text-decoration: none;
}
button,fieldset,img,input,select,textarea {
	outline: 0;
	border: 0;
}
button {
	background: transparent;
	cursor: pointer;
}
input[type="radio"],
input[type="checkbox"] {
  cursor: pointer;
}
img {
	display: block;
	width: 100%;
	height: 100%;
}
textarea {
	overflow: auto;
	resize: none;
}
del {
	text-decoration: line-through;
}
address,em,i,strong,th,caption {
	font-weight: 400;
}
em,i {
	font-style: normal;
}
.fr {
	float: right;
}
.fl {
	float: left;
}
.clearfix {
	@include clearfix();
}
.c-main {
	color: $color-main;
}
.c-grey {
	color: $color-gray
}
.app-container {
	width: 1230px;
	min-width: 1230px;
	margin: 0 auto;
}
.min-container {
	width: 920px;
	margin: 0 auto;
}
.logo-normal {
	width: 167px;
	height: 67px;
}
.logo-small {
	width: 125px;
	height: 50px;
}
.contant-store {
	width: 70px !important;
	height: 26px !important;
	line-height: 25px !important;
	font-size: 12px !important;
}

[lazy="loading"] {
	background: #f6f6f6 url(../assets/error.png) no-repeat center center !important;
	background-size: auto !important;
	&.minimg {
		background-size: contain !important;
	}
}

[lazy="error"] {
	background: #f6f6f6 url(../assets/error.png) no-repeat center center !important;
	background-size: auto !important;
	&.minimg {
		background-size: contain !important;
	}
}

#app {
	min-width: 1230px;
}